html,
body {
  margin: 0;
  padding: 0;
  font-family: Microsoft YaHei;
  height: calc(100% - 72px);
}

div {
  box-sizing: border-box;
}

.margin-1200 {
  margin: 0 auto;
  width: 1200px;
}

// 图片宽高百分百
.image-100 {
  width: 100%;
  height: 100%;
}

// 图片居中对齐
.image-align-center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

// 自定义input 框
.custom-input {
  box-sizing: border-box;
  // border-radius: 10px;
  outline: none;
  height: 55px;
  line-height: 55px;
  border: unset;
}

// 单行不换行
.using-single-drug {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行换行
.multi-line {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/*
* 填充按钮：
*/

// 1.常规
.button-convention {
  cursor: pointer;
  padding: 10px 30px;
  font-size: 14px;
  color: #ffffff;
  background-color: #00359b;
  border-radius: 4px;
}

// 4.按下
.button-convention:active {
  background-color: #00205e;
}

// 2.悬停
.button-convention:hover {
  background-color: rgba(0, 53, 155, 0.72);
}

// 3.禁用
.button-forbidden {
  padding: 10px 30px;
  font-size: 14px;
  color: #ffffff;
  background-color: #c9c9c9;
  border-radius: 4px;
}

/*
* 字号
*/

// 1.特殊标题
.font-size-24 {
  font-size: 24px;
}

// 2.一级标题
.font-size-20 {
  font-size: 20px;
}

// 3.内容文字
.font-size-16 {
  font-size: 16px;
}

// 4.提示文字
.font-size-14 {
  font-size: 14px;
}

/*
* 字体颜色
*/

// 1.正文标题/内容
.text-color-5 {
  color: #00091a;
}

// 2.次强调/正文标题
.text-color-4 {
  color: #666;
}

// 3.次要信息
.text-color-3 {
  color: #999;
}

// 4.链接或可点击文字
.text-color-2 {
  color: #0054f9;
}

// 5.提示文字
.text-color-1 {
  color: #f90000;
}

// 分割线
.line-between {
  width: 100%;
  height: 1px;
  opacity: 0.51;
  background-color: #ebebeb;
}

// 面包屑 样式
.header-breadcrumb {
  padding: 10px 0;
}

.el-tooltip__popper {
  max-width: 300px;
}
